<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>锤子商城 - 坚果手机、坚果 R2 手机、Smartisan TNT go 扩展本</title>
  <link rel="stylesheet" href="./css/shop.css">
  <link rel="icon" href="./images/favicon.ico">
  <link rel="stylesheet" href="./css/R2pejian.css">
  <link rel="stylesheet" href="./css/iconfont.css">
  <script src="./js/r2peijian.js"></script>
</head> 
<body>
  <div class="ctn">
    <!-- 导航条 -->
    <nav class="navbar-inverse" style="background-color: #000;">
      <!-- 锤子logo -->
      <div class="logo"><img src="./images/logo.png" alt=""></div>
      <!-- 导航选项 -->
      <div class="navbar-container">
        <ul class="navbar-words">
          <li><a href="shop.html">在线商城</a></li>
          <li><a href="./r2.html">坚果R2</a></li>
          <li><a href="./smartisan.html">Smartisan TNT go</a></li>
          <li><a href="./gongzuozhan.html">坚果TNT工作站</a></li>
          <li><a href="javascript:void(0);">Smartisan OS</a></li>
          <li><a href="javascript:void(0);">欢喜云</a></li>
          <li><a href="javascript:void(0);">论坛</a> </li>
          <li><a href="javascript:void(0);">开发者支持</a></li>
          <li><a href="javascript:void(0);">荣誉与奖项</a></li>
        </ul>
      </div>
      <!-- 登录，购物车 -->
      <div class="login" 3><a href="./login.html"></a></div>
      <div class="shopcart"><a href="./fuqian.html" target="_blank"></a></div>
        <a href="">
          <!-- <div class="shopcart-empty">
              <div>
                <img src="./images/shopcart.png" alt="">
                <p>购物车为空</p>
                <p>您还没有选购任何商品，现在前往商城选购吧！</p>
              </div>
            </div> -->
        </a>
      </div>
    </nav>
    <!-- title -->
    <div class="main-title">
      <div class="title-container"></div>
    </div>
    <!-- banner图 -->
    <div><img src="./images/banner01.webp" alt=""></div>
    <div><img src="./images/banner02.webp" alt=""></div>
    <!-- 坚果R2 -->
    <div class="R2container">
      <ul>
        <li>
          <div class="item-one"><img src="./images/坚果r2-01.webp" alt=""></div>
          <div class="item-two">
            <h6>坚果R2</h6>
            <p>是下一代手机,更是下一代电脑</p>
            <p><i>￥</i><span>2699.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
        <li>
          <div class="item-one"><img src="./images/坚果r2-02.webp" alt=""></div>
          <div class="item-two">
            <h6>坚果R2</h6>
            <p>是下一代手机,更是下一代电脑</p>
            <p><i>￥</i><span>2699.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
        <li>
          <div class="item-one"><img src="./images/坚果r2-03.webp" alt=""></div>
          <div class="item-two">
            <h6>坚果R2</h6>
            <p>是下一代手机,更是下一代电脑</p>
            <p><i>￥</i><span>4999.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
      </ul>
    </div>
    <!-- banner图 -->
    <div><img src="./images/banner03.webp" alt=""></div>
    <!-- 满足大套餐 -->
    <div class="computer-container">
      <ul>
        <li>
          <div class="com-itemone"><img src="./images/computer01.webp" alt=""></div>
          <div class="com-itemtwo">
            <h6>坚果R2</h6>
            <p>下一代手机,下一代电脑</p>
            <p><i>￥</i><span>3999.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
        <li>
          <div class="com-itemone"><img src="./images/computer02.webp" alt=""></div>
          <div class="com-itemtwo">
            <h6>坚果R2</h6>
            <p>下一代手机,下一代电脑</p>
            <p><i>￥</i><span>5199.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
      </ul>
    </div>
    <!-- banner图 -->
    <div><img src="./images/banner04.webp" alt=""></div>
    <!-- 耳机 -->
    <div class="R2container">
      <ul>
        <li>
          <div class="item-one"><img src="./images/erji01.webp" alt=""></div>
          <div class="item-two">
            <h6>Smartisan Buds 真无线蓝牙降噪耳机</h6>
            <p>想想降噪的妙处</p>
            <p><i>￥</i><span>799.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
        <li>
          <div class="item-one"><img src="./images/erji02.webp" alt=""></div>
          <div class="item-two">
            <h6>Smartisan Buds 真无线蓝牙降噪耳机</h6>
            <p>想想降噪的妙处</p>
            <p><i>￥</i><span>799.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
        <li>
          <div class="item-one"><img src="./images/erji03.webp" alt=""></div>
          <div class="item-two">
            <h6>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h6>
            <p>抖音文创限量版</p>
            <p><i>￥</i><span>299.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
      </ul>
    </div>
    <!-- 手机轮播 -->
    <!-- <div class="move">
      <div class="move-container">
        <p>为了那些改变人类进程的足迹</p>
        <div><p>坚果 R2 “足迹” 系列保护套</p></div>
        <div><p><span>￥</span><span>59.00</span></p></div>
        <div>
          <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
    </div> -->
    <div class="title">
      <h2>坚果 R2 新品配件</h2>
      <h6>品好物品，领券钜惠</h6>
    </div>
    <div class="R2container new">
      <ul>
        <li>
          <div class="item-one"><img src="./images/shoujike01.webp" alt=""></div>
          <div class="item-two">
            <h6>坚果 R2 透明保护套</h6>
            <p>TPU透明软胶材质,耐磨耐用</p>
            <p><i>￥</i><span>29.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
        <li>
          <div class="item-one"><img src="./images/chongdiantou01.webp" alt=""></div>
          <div class="item-two">
            <h6>Smartisan 55W 快速充电器(Type-C)</h6>
            <p>最大输出功率 55W 支持 PD3.0 (PPS)、QC4+ 快充协议</p>
            <p><i>￥</i><span>99.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
        <li>
          <div class="item-one"><img src="./images/坚果r2-03.webp" alt=""></div>
          <div class="item-two">
            <h6>坚果R2</h6>
            <p>是下一代手机,更是下一代电脑</p>
            <p><i>￥</i><span>4999.00</span></p>
            <button>现在购买</button>
          </div>
        </li>
      </ul>
    </div>
    <!-- 网页底部 -->
    <div class="footer">
      <div>
        <div class="footer-menu">
          <ul>
            <li>
              <h3>订单服务<h3>
                  <div>
                    <a href="">购买指南</a>
                    <a href="">送货政策</a>
                  </div>
            </li>
            <li>
              <h3>服务支持<h3>
                  <div>
                    <a href="">自主服务</a>
                    <a href="">维修门店</a>
                  </div>
            </li>
            <li>
              <h3>媒体中心<h3>
                  <div>
                    <a href="">新闻动态</a>
                    <a href="">官方视频</a>
                    <a href="">图片资源</a>
                  </div>
            </li>
            <li>
              <h3>关注我们<h3>
                  <div>
                    <a href="">新浪微博</a>
                    <a href="">官方微信</a>
                    <a href="">荣誉奖项</a>
                  </div>
            </li>
          </ul>
          <div class="footer-service">
            <a href="#" class="iconfont icon-wenhaofill"></a>
            <span>在线帮助</span>
          </div>
        </div>
        <div class="footer-info">
          <ul>
            <li>Copyright © 2020 smartisan.com 版权所有</li>
            <li><a href="">锤子商城隐私政策</a></li>
            <li><a href="">锤子商城用户协议</a></li>
            <li><a href="">资质证照</a></li>
          </ul>
          <ul>
            <li><a href="">京 ICP 备 19048576 号 - 1</a></li>
            <li><a href="">京公网安备 11010802033469号</a></li>
            <li><a href="">京食药网食备 202010031</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>